@charset "utf-8";
$fontsize:40;
@function r($px) {
    @return $px/$fontsize * 1rem;
}

.web {
    .public {
        width: 100%;
        position: absolute;
        top: r(193);
        bottom: r(100);
        overflow-y: scroll;
        -webkit-overflow-scrolling: touch;
        border: r(1) solid #D9D9D9;
        .activity1 {
            width: 100%;
            ul {
                .activity2 {
                    margin-left: r(30);
                    margin-top: r(30);
                    a {
                        img {
                            width: r(90);
                            height: r(90);
                        }
                    }
                }
                .activity4 {
                    width: r(590);
                    height: r(54);
                    margin-top: r(43);
                    p {
                        font-size: r(20);
                        color: #777777;
                        text-overflow: ellipsis;
                        overflow: hidden;
                        word-break: keep-all;
                        line-height: r(33);
                        span {
                            margin-right: r(30);
                            color: #777777;
                        }
                    }
                    i {
                        font-size: r(50);
                        color: #009dea;
                        margin-right: r(30);
                    }
                    .activity_4_1 {
                        color: #000000;
                    }
                }
            }
            .carousel {
                width: 100%;
                img {
                    width: 100%;
                    height: r(400);
                }
            }
        }
    }
    .base {
        widows: 100%;
        height: r(100);
        position: absolute;
        bottom: 0;
        background: #f9f9f9;
        .base1 {
            width: 25%;
            height: r(100);
            a {
                display: block;
                width: 100%;
                height: 100%;
                text-align: center;
                i {
                    font-size: r(40);
                    line-height: r(100);
                    color: #bababa;
                }
                .color{
                    color: #009eeb;
                }
            }
        }
        
    }
}